<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vixcity</title><meta name="author" content="Vixcity"><meta name="copyright" content="Vixcity"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta property="og:type" content="website">
<meta property="og:title" content="Vixcity">
<meta property="og:url" content="http://vixcity.gitee.io/my-gitee-blog/index.html">
<meta property="og:site_name" content="Vixcity">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="http://vixcity.gitee.io/my-gitee-blog/img/avatar.png">
<meta property="article:author" content="Vixcity">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="http://vixcity.gitee.io/my-gitee-blog/img/avatar.png"><link rel="shortcut icon" href="/my-gitee-blog/img/favicon.ico"><link rel="canonical" href="http://vixcity.gitee.io/my-gitee-blog/"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//fonts.googleapis.com" crossorigin=""/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="/my-gitee-blog/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web&amp;display=swap" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = { 
  root: '/my-gitee-blog/',
  algolia: undefined,
  localSearch: {"path":"/my-gitee-blog/search.xml","languages":{"hits_empty":"找不到您查询的内容：${query}"}},
  translate: {"defaultEncoding":1,"translateDelay":0,"msgToTraditionalChinese":"繁","msgToSimplifiedChinese":"简"},
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":false},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: false,
    post: false
  },
  runtime: '天',
  date_suffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: undefined,
  lightbox: 'fancybox',
  Snackbar: undefined,
  source: {
    justifiedGallery: {
      js: '/my-gitee-blog/',
      css: '/my-gitee-blog/'
    }
  },
  isPhotoFigcaption: false,
  islazyload: false,
  isAnchor: false
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = {
  title: 'Vixcity',
  isPost: false,
  isHome: true,
  isHighlightShrink: false,
  isToc: false,
  postUpdate: '2022-07-15 09:29:35'
}</script><noscript><style type="text/css">
  #nav {
    opacity: 1
  }
  .justified-gallery img {
    opacity: 1
  }

  #recent-posts time,
  #post-meta time {
    display: inline !important
  }
</style></noscript><script>(win=>{
    win.saveToLocal = {
      set: function setWithExpiry(key, value, ttl) {
        if (ttl === 0) return
        const now = new Date()
        const expiryDay = ttl * 86400000
        const item = {
          value: value,
          expiry: now.getTime() + expiryDay,
        }
        localStorage.setItem(key, JSON.stringify(item))
      },

      get: function getWithExpiry(key) {
        const itemStr = localStorage.getItem(key)

        if (!itemStr) {
          return undefined
        }
        const item = JSON.parse(itemStr)
        const now = new Date()

        if (now.getTime() > item.expiry) {
          localStorage.removeItem(key)
          return undefined
        }
        return item.value
      }
    }
  
    win.getScript = url => new Promise((resolve, reject) => {
      const script = document.createElement('script')
      script.src = url
      script.async = true
      script.onerror = reject
      script.onload = script.onreadystatechange = function() {
        const loadState = this.readyState
        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
        script.onload = script.onreadystatechange = null
        resolve()
      }
      document.head.appendChild(script)
    })
  
      win.activateDarkMode = function () {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
        }
      }
      win.activateLightMode = function () {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
        }
      }
      const t = saveToLocal.get('theme')
    
          if (t === 'dark') activateDarkMode()
          else if (t === 'light') activateLightMode()
        
      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        if (asideStatus === 'hide') {
          document.documentElement.classList.add('hide-aside')
        } else {
          document.documentElement.classList.remove('hide-aside')
        }
      }
    
    const detectApple = () => {
      if(/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)){
        document.documentElement.classList.add('apple')
      }
    }
    detectApple()
    })(window)</script><link rel="stylesheet" href="/my-gitee-blog/css/mycss.css"><link rel="stylesheet" href="/my-gitee-blog/css/newStyle.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome-animation@1.1.1/css/font-awesome-animation.css"><link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Zfour/Butterfly-card-history/baiduhistory/css/main.css"><!-- hexo injector head_end start --><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Zfour/hexo-electric-clock@1.0.6/clock.css"><link rel="stylesheet" href="https://unpkg.zhimg.com/hexo-butterfly-wowjs/lib/animate.min.css" media="print" onload="this.media='screen'"><!-- hexo injector head_end end --><meta name="generator" content="Hexo 5.4.0"></head><body><div id="loading-box"><div class="loading-left-bg"></div><div class="loading-right-bg"></div><div class="spinner-box"><div class="configure-border-1"><div class="configure-core"></div></div><div class="configure-border-2"><div class="configure-core"></div></div><div class="loading-word">加载中...</div></div></div><div id="web_bg"></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="avatar-img is-center"><img src="/my-gitee-blog/img/avatar.png" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="site-data"><div class="data-item is-center"><div class="data-item-link"><a href="/my-gitee-blog/archives/"><div class="headline">文章</div><div class="length-num">55</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/my-gitee-blog/tags/"><div class="headline">标签</div><div class="length-num">50</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/my-gitee-blog/categories/"><div class="headline">分类</div><div class="length-num">18</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/my-gitee-blog/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/PicBed"><i class="fa-fw fas fa-image"></i><span> 图库</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/about/"><i class="fa-fw fas fa-heart"></i><span> 关于我</span></a></div></div></div></div><div class="page" id="body-wrap"><header class="full_page" id="page-header" style="background-image: url('/my-gitee-blog/img/%E5%A4%A7%E5%9C%B0%E7%90%83%E8%83%8C%E6%99%AF.jpg')"><nav id="nav"><span id="blog_name"><a id="site-name" href="/my-gitee-blog/">Vixcity</a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/my-gitee-blog/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/PicBed"><i class="fa-fw fas fa-image"></i><span> 图库</span></a></div><div class="menus_item"><a class="site-page" href="/my-gitee-blog/about/"><i class="fa-fw fas fa-heart"></i><span> 关于我</span></a></div></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="site-info"><h1 id="site-title">Vixcity</h1><div id="site-subtitle"><span id="subtitle"></span></div><div id="site_social_icons"><a class="social-icon" href="https://github.com/Vixcity" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:2091283625@qq.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a></div></div><div id="scroll-down"><i class="fas fa-angle-down scroll-down-effects"></i></div></header><main class="layout" id="content-inner"><div class="recent-posts" id="recent-posts"><div class="smallVerse"><i class="fa fa-heart faa-wrench animated" aria-hidden="true"></i><div class="ml20">最是人间留不住，朱颜辞镜花辞树</div></div><div class="recent-post-item"><div class="post_cover left"><a href="/my-gitee-blog/2022/07/13/%E3%80%90NodeJS%E3%80%91NodeJS%20%E6%9C%8D%E5%8A%A1%E7%AB%AF%E8%AF%B7%E6%B1%82/" title="【NodeJS】NodeJS 服务端请求"><img class="post_bg" src="/my-gitee-blog/img/NodeJs.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【NodeJS】NodeJS 服务端请求"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/07/13/%E3%80%90NodeJS%E3%80%91NodeJS%20%E6%9C%8D%E5%8A%A1%E7%AB%AF%E8%AF%B7%E6%B1%82/" title="【NodeJS】NodeJS 服务端请求">【NodeJS】NodeJS 服务端请求</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-07-12T16:00:00.000Z" title="发表于 2022-07-13 00:00:00">2022-07-13</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/">大前端</a><i class="fas fa-angle-right article-meta-link"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/Node/">Node</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/Node/">Node</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/http/">http</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8/">服务器</a></span></div><div class="content">搭建Http服务器http://nodejs.cn/learn/build-an-http-server
12345678910111213const http = require(&#x27;http&#x27;);const serve = http.createServer((req, res) =&gt; &#123;    // 写响应头的一些信息    // 会执行两次请求，一次是页面，一次是favicon.ico    res.writeHead(200, &#123; &#x27;content-type&#x27;: &#x27;text/html&#x27; &#125;)    res.end(&#x27;&lt;h1&gt;hello world&lt;/h1&gt;&#x27;)&#125;)  // 监听了3000端口serve.listen(3000, () =&gt; &#123;    console.log(&#x27;监听了3000端口&#x27;)&#125;)

实战-简易爬虫1234567891011121314151617181920212 ...</div></div></div><div class="recent-post-item"><div class="post_cover right"><a href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%201/" title="【Hexo】标签样式列表参考 - 1"><img class="post_bg" src="/my-gitee-blog/img/hexo.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【Hexo】标签样式列表参考 - 1"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%201/" title="【Hexo】标签样式列表参考 - 1">【Hexo】标签样式列表参考 - 1</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-07-11T16:00:00.000Z" title="发表于 2022-07-12 00:00:00">2022-07-12</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%8D%9A%E5%AE%A2/">博客</a><i class="fas fa-angle-right article-meta-link"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%8D%9A%E5%AE%A2/Hexo/">Hexo</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E7%BE%8E%E5%8C%96/">美化</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/">技术分享</a></span></div><div class="content">文本文字在一段话中方便插入各种颜色的标签，包括：红色、黄色、绿色、青色、蓝色、灰色。
文档「开始」页面中的标题部分就是超大文字。
Volantis
A Wonderful Theme for Hexo

语法格式参数列表示例代码行内文本
1&#123;% span 样式参数, 文本内容 %&#125;

独立段落
1&#123;% p 样式参数, 文本内容 %&#125;样式参数位置可以写颜色、大小和对齐方向，多个样式参数用空格隔开。
字体
1logo, code

颜色
1red, yellow, green, cyan, blue, gray

大小
1small, h4, h3, h2, h1, large, huge, ultra

对齐方向
1left, center, right123456在一段话中方便插入各种颜色的标签，包括：&#123;% span red, 红色 %&#125;、&#123;% span yellow, 黄色 %&#125;、&#123;% span green, 绿色 %&#125;、&#123;% span cyan, 青色 %&#125;、&# ...</div></div></div><div class="recent-post-item"><div class="post_cover left"><a href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%202/" title="【Hexo】标签样式列表参考 - 2"><img class="post_bg" src="/my-gitee-blog/img/hexo.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【Hexo】标签样式列表参考 - 2"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%202/" title="【Hexo】标签样式列表参考 - 2">【Hexo】标签样式列表参考 - 2</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-07-11T16:00:00.000Z" title="发表于 2022-07-12 00:00:00">2022-07-12</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%8D%9A%E5%AE%A2/">博客</a><i class="fas fa-angle-right article-meta-link"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%8D%9A%E5%AE%A2/Hexo/">Hexo</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E7%BE%8E%E5%8C%96/">美化</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/">技术分享</a></span></div><div class="content">复选框
            纯文本测试
            

            支持简单的 markdown 语法
            

            支持自定义颜色
            

            绿色 + 默认选中
            

            黄色 + 默认选中
            

            青色 + 默认选中
            

            蓝色 + 默认选中
            

            增加
            

            减少
            

            叉
            

            纯文本测试
            

            支持简单的 markdown 语法
            

            支持自定义颜色
            

            绿色
            

            黄色
   ...</div></div></div><div class="recent-post-item"><div class="post_cover right"><a href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%203/" title="【Hexo】标签样式列表参考 - 3"><img class="post_bg" src="/my-gitee-blog/img/hexo.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【Hexo】标签样式列表参考 - 3"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%203/" title="【Hexo】标签样式列表参考 - 3">【Hexo】标签样式列表参考 - 3</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-07-11T16:00:00.000Z" title="发表于 2022-07-12 00:00:00">2022-07-12</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%8D%9A%E5%AE%A2/">博客</a><i class="fas fa-angle-right article-meta-link"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%8D%9A%E5%AE%A2/Hexo/">Hexo</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E7%BE%8E%E5%8C%96/">美化</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/">技术分享</a></span></div><div class="content">tab容器tab-nametab-name这里面写内容，支持的语法格式有限，请尽量不要写太过复杂的东西。这里面写内容，支持的语法格式有限，请尽量不要写太过复杂的东西。

语法格式参数列表示例代码123456789101112131415&#123;% tabs tab-id %&#125;&lt;!-- tab 标签名 --&gt;![](https://i.loli.net/2020/03/18/f5PQlWisvm9zbgK.jpg)&lt;!-- endtab --&gt;&lt;!-- tab 标签名 --&gt;这里面写内容，支持的语法格式有限，请尽量&lt;u&gt;不要&lt;/u&gt;写太过复杂的东西。&lt;!-- endtab --&gt;&#123;% endtabs %&#125;tab-id
必填，如果一个页面有多个 tabs 时，tab-id 不能重复。
tab-name
标签文本。123456789101112131415&#123;% tabs tab-id %&#125;&lt;!-- tab tab-name --&gt;![](https://i ...</div></div></div><div class="recent-post-item"><div class="post_cover left"><a href="/my-gitee-blog/2022/07/07/%E3%80%90NodeJS%E3%80%91NodeJS%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/" title="【NodeJS】NodeJS入门学习"><img class="post_bg" src="/my-gitee-blog/img/NodeJs.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【NodeJS】NodeJS入门学习"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/07/07/%E3%80%90NodeJS%E3%80%91NodeJS%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/" title="【NodeJS】NodeJS入门学习">【NodeJS】NodeJS入门学习</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-07-06T16:00:00.000Z" title="发表于 2022-07-07 00:00:00">2022-07-07</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/">大前端</a><i class="fas fa-angle-right article-meta-link"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/Node/">Node</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/Node/">Node</a></span></div><div class="content">NodeJS学习内容项目相关12345678# 初始化项目npm init -y# 安装依赖npm i# 启动项目node app.js

依赖
https://www.lodashjs.com/
https://www.npmjs.com/package/chokidar

基础知识123// globalThis 定义的对象可以在全局中被访问到// 例：globalThis.a = 2

Node文档Bufferhttp://nodejs.cn/learn/nodejs-buffers
文件系统模块http://nodejs.cn/learn/the-nodejs-fs-module
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990const fs = require(&#x27;fs&#x2 ...</div></div></div><div class="recent-post-item"><div class="post_cover right"><a href="/my-gitee-blog/2022/04/25/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%9112.%E6%8B%8D%E6%91%84%E5%A4%8D%E5%8F%A4%E9%A2%98%E6%9D%90/" title="【摄影从零到一】拍摄复古题材"><img class="post_bg" src="/my-gitee-blog/img/%E6%91%84%E5%BD%B1.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【摄影从零到一】拍摄复古题材"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/04/25/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%9112.%E6%8B%8D%E6%91%84%E5%A4%8D%E5%8F%A4%E9%A2%98%E6%9D%90/" title="【摄影从零到一】拍摄复古题材">【摄影从零到一】拍摄复古题材</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-04-24T16:00:00.000Z" title="发表于 2022-04-25 00:00:00">2022-04-25</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E6%91%84%E5%BD%B1/">摄影</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E5%B7%A7/">技巧</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E5%AE%A1%E7%BE%8E/">审美</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%91%84%E5%BD%B1/">摄影</a></span></div><div class="content">

原片直出
</div></div></div><div class="recent-post-item"><div class="post_cover left"><a href="/my-gitee-blog/2022/04/19/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%9110.%E5%8A%A8%E4%BD%9C%E8%AE%BE%E8%AE%A1%E5%92%8C%E6%8C%87%E5%AF%BC/" title="【摄影从零到一】动作设计和指导"><img class="post_bg" src="/my-gitee-blog/img/%E6%91%84%E5%BD%B1.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【摄影从零到一】动作设计和指导"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/04/19/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%9110.%E5%8A%A8%E4%BD%9C%E8%AE%BE%E8%AE%A1%E5%92%8C%E6%8C%87%E5%AF%BC/" title="【摄影从零到一】动作设计和指导">【摄影从零到一】动作设计和指导</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-04-18T16:00:00.000Z" title="发表于 2022-04-19 00:00:00">2022-04-19</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E6%91%84%E5%BD%B1/">摄影</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E5%B7%A7/">技巧</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E5%AE%A1%E7%BE%8E/">审美</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%91%84%E5%BD%B1/">摄影</a></span></div><div class="content">姿势重要性
引导 ==&gt; 调动情绪
准备 ==&gt; 主题 ==&gt; 服装
大裙摆，神圣，高雅修身，浪漫，活泼点
汉服，古风 ==&gt; 含蓄的动作
标准 ==&gt; 动作符合主题
重点：主题
对人物气质的符合

快门鼓励 ==&gt; 让模特先放松下来
增加安全感的美姿 ==&gt; 坐着或者躺着

让人物对你没有戒备心，夸赞
切入话题，让人物分心


不要说否定性的词语
眼神光

环境帮助引导 ==&gt; 进入角色状态
剧情进入状态
根据主题设置剧情
</div></div></div><div class="recent-post-item"><div class="post_cover right"><a href="/my-gitee-blog/2022/04/12/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%916.%E9%95%9C%E5%A4%B4%E8%AE%BE%E8%AE%A1/" title="【摄影从零到一】镜头设计"><img class="post_bg" src="/my-gitee-blog/img/%E6%91%84%E5%BD%B1.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【摄影从零到一】镜头设计"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/04/12/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%916.%E9%95%9C%E5%A4%B4%E8%AE%BE%E8%AE%A1/" title="【摄影从零到一】镜头设计">【摄影从零到一】镜头设计</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-04-11T16:00:00.000Z" title="发表于 2022-04-12 00:00:00">2022-04-12</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E6%91%84%E5%BD%B1/">摄影</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E5%B7%A7/">技巧</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E5%AE%A1%E7%BE%8E/">审美</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%91%84%E5%BD%B1/">摄影</a></span></div><div class="content">景别
具体可以看[[1.摄影与摄像的景别与构图]]
全景，远景，中景，近景，特写
远景 ==&gt; 点与面 ==&gt; 广角镜头 ==&gt; 全身，空间纵深
中景 ==&gt; 七分身 ==&gt; 脚踝以上，膝盖以下，若即若离
近景 ==&gt; 更加亲近了，小物件的全貌，人物摄影就是半身 ==&gt; 关注肢体语言，腰到膝盖
特写 ==&gt; 情绪状态，三分身，腰以上，胸以下
大特写 ==&gt; 胸以上或者把脖子和头都砍一点，更细微的特写例子：
不要砍到关节
排版设计，最好所有景别都来一点，设计好景别

焦段
广角 ==&gt; 纵深强烈，景深小，大远景，近大远小透视畸变，近处事物全貌，夸张的人物情绪，视觉冲击，乱焦段：14mm（超广角，鱼眼镜头），24mm（中庸，距离感，私房镜头，情绪化，夸张），35mm（人文头，视野效果，环境人物，电影镜头）例子：
标准焦段：人眼视觉，横平竖直，标准的空间表现，景深标准，经典，印象深刻，关键情绪，效果中庸，便宜焦段：50mm，55mm（视频运镜），58mm
长焦：85mm~500mm，解决远摄，视野狭窄，景深强，压迫感，景深压缩，远处 ...</div></div></div><div class="recent-post-item"><div class="post_cover left"><a href="/my-gitee-blog/2022/04/09/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%915.%E6%8B%8D%E6%91%84%E4%B8%80%E6%AC%A1%E7%BA%AA%E5%AE%9E%E6%8F%90%E5%8D%87%E4%BD%A0%E7%9A%84%E4%BD%9C%E5%93%81%E6%B7%B1%E5%BA%A6/" title="【摄影从零到一】拍摄一次纪实提升你的作品深度"><img class="post_bg" src="/my-gitee-blog/img/%E6%91%84%E5%BD%B1.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【摄影从零到一】拍摄一次纪实提升你的作品深度"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/04/09/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%915.%E6%8B%8D%E6%91%84%E4%B8%80%E6%AC%A1%E7%BA%AA%E5%AE%9E%E6%8F%90%E5%8D%87%E4%BD%A0%E7%9A%84%E4%BD%9C%E5%93%81%E6%B7%B1%E5%BA%A6/" title="【摄影从零到一】拍摄一次纪实提升你的作品深度">【摄影从零到一】拍摄一次纪实提升你的作品深度</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-04-08T16:00:00.000Z" title="发表于 2022-04-09 00:00:00">2022-04-09</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E6%91%84%E5%BD%B1/">摄影</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E5%B7%A7/">技巧</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E5%AE%A1%E7%BE%8E/">审美</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%91%84%E5%BD%B1/">摄影</a></span></div><div class="content">通过拍摄进行审美落地
先易后难
减法，量力而行 ==&gt; 身边有什么先拍什么，拍简单的东西
加法，慢慢的添加事物
视觉，故事感




反常态的

远近对比，景深对比明暗对比

双重曝光，虚实结合
光影，光线的感知


做作与真实
形体轮廓，大光比
黑白

</div></div></div><div class="recent-post-item"><div class="post_cover right"><a href="/my-gitee-blog/2022/04/06/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%914.%E6%91%84%E5%BD%B1%E7%94%BB%E9%9D%A2%E7%9A%84%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%86%85%E5%AE%B9%E5%AE%89%E6%8E%92/" title="【摄影从零到一】摄影进阶与自我提升之路"><img class="post_bg" src="/my-gitee-blog/img/%E6%91%84%E5%BD%B1.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【摄影从零到一】摄影进阶与自我提升之路"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/04/06/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%914.%E6%91%84%E5%BD%B1%E7%94%BB%E9%9D%A2%E7%9A%84%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%86%85%E5%AE%B9%E5%AE%89%E6%8E%92/" title="【摄影从零到一】摄影进阶与自我提升之路">【摄影从零到一】摄影进阶与自我提升之路</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-04-05T16:00:00.000Z" title="发表于 2022-04-06 00:00:00">2022-04-06</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E6%91%84%E5%BD%B1/">摄影</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E5%B7%A7/">技巧</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E5%AE%A1%E7%BE%8E/">审美</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%91%84%E5%BD%B1/">摄影</a></span></div><div class="content">二次构图 ==&gt; 裁减 ==&gt; 矫正

留白 ==&gt; 单点与面的故事 ==&gt; 突出主体 ==&gt; 情绪感受
多个黄金分割点可以产生呼应 ==&gt; 故事感
强调人和景的互动与联系
消失点 ==&gt; 视觉冲击
九宫格也要利用好 ==&gt; 留白更强 ==&gt; 放在格子上
人物与环境的故事感
人物的行为语言和表情张力要有故事感
填充式构图 ==&gt; 同一元素 ==&gt; 压抑 ==&gt; 拥挤、多
例子

点阵构图
单点与多点的混搭
例子

线的构图

平衡式构图 ==&gt; 水平周正 ==&gt; 横平竖直 ==&gt; 对称
二分法 ==&gt; 水平线 ==&gt; 上下
三分法 ==&gt; 画面分成三等份
例子
中央线 ==&gt; 和前面的二分法相同，不过二分法是水平，三分法是垂直
延伸线 ==&gt; 塑造空间感
虚拟线条 ==&gt; 点与点之间的连线 ==&gt; 很好塑造黄金分割点
形状线条 ==&gt; 形式美
虚拟线条 ==&gt; 三角形

残缺式构图
面构图

挎肩式构图，从别人的肩膀上拍出去
下沉式构图 ==& ...</div></div></div><div class="recent-post-item"><div class="post_cover left"><a href="/my-gitee-blog/2022/04/05/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%913.%E7%94%BB%E9%9D%A2%E7%9A%84%E7%BE%8E%E6%84%9F%E7%BB%84%E6%88%90/" title="【摄影从零到一】画面的美感组成"><img class="post_bg" src="/my-gitee-blog/img/%E6%91%84%E5%BD%B1.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【摄影从零到一】画面的美感组成"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/04/05/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%913.%E7%94%BB%E9%9D%A2%E7%9A%84%E7%BE%8E%E6%84%9F%E7%BB%84%E6%88%90/" title="【摄影从零到一】画面的美感组成">【摄影从零到一】画面的美感组成</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-04-04T16:00:00.000Z" title="发表于 2022-04-05 00:00:00">2022-04-05</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E6%91%84%E5%BD%B1/">摄影</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E5%B7%A7/">技巧</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E5%AE%A1%E7%BE%8E/">审美</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%91%84%E5%BD%B1/">摄影</a></span></div><div class="content">内容到位，照片照样好看
美化设计
组织型：导演、临场应变决定性瞬间会审美，大量的看照片
以审美为核心，提升内容，有策划的拍摄 ==&gt; 刻意练习
旅拍 ==&gt; 找到利用的景
简单明了，深入人心，主题明确
画面内容表现形式

1. 封闭式 ==&gt; 一眼明了 
2. 开放式 ==&gt; 每个人每个不同的想法

先理解封闭式在理解开放式
好的画面在五个元素以内

单点 ==&gt; 视觉重心 ==&gt; 衬托
点是没有大小的
多点 ==&gt; 形态相同 ==&gt; 大小势均力敌 ==&gt; 能让画面稳定
消失点 ==&gt; 延伸线上面 ==&gt; 延伸思维 ==&gt; 空间感

干扰点 ==&gt; 乱

线 ==&gt; 视觉引导 ==&gt; 创造形式美 ==&gt; 塑造空间透视感 ==&gt; 分割画面

延伸线
可以通过光影塑造
形状
几何形状
自然形状
假定线条
面单点需要面来衬托干净的画面，把照片控制在三个元素以内

</div></div></div><div class="recent-post-item"><div class="post_cover right"><a href="/my-gitee-blog/2022/04/02/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%912.%E7%94%A8%E7%85%A7%E7%89%87%E8%AE%B2%E6%95%85%E4%BA%8B/" title="【摄影从零到一】用照片讲故事"><img class="post_bg" src="/my-gitee-blog/img/%E6%91%84%E5%BD%B1.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【摄影从零到一】用照片讲故事"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/04/02/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%912.%E7%94%A8%E7%85%A7%E7%89%87%E8%AE%B2%E6%95%85%E4%BA%8B/" title="【摄影从零到一】用照片讲故事">【摄影从零到一】用照片讲故事</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-04-01T16:00:00.000Z" title="发表于 2022-04-02 00:00:00">2022-04-02</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E6%91%84%E5%BD%B1/">摄影</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E5%B7%A7/">技巧</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E5%AE%A1%E7%BE%8E/">审美</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%91%84%E5%BD%B1/">摄影</a></span></div><div class="content">眼睛看到很好看，但是拍出来没感觉
因为只关注了一个事物  ==&gt; 但是好的画面的美感是综合的
脑海当中有很多的素材被你利用 ==&gt; 思路
讲解如何审美摄影艺术思维
一般人看照片 ==&gt; 凭主观感受，每个人的主观感受不一样
如果拿自己的感受去拍照，会导致没有章法 ==&gt; 导致形成不了逻辑的思路
抓不到主体
要拿具体的有逻辑的去审美、分析画面，感同身受，类似的共鸣
思考画面中有什么事物？拍摄技巧 ==&gt; 什么构图，光线，镜头，器材，技巧，内容，色彩之类的
元素表达 =&gt; 印象对比，给人一种居然的感觉
情绪的表达
黑白可以去除色彩的干扰，让光线更加突出，展示结构
景深对比，对比度

有思路之后就可以有了画面构思 ==&gt; 组织拍摄，摆拍，或者领场应变（决定性瞬间）
技巧体现是为了主题服务的
色彩层次
拍摄经验
有策划之后，为了实现目标，可以有很多方法
人像的意境很关键
后期的思路是跟着前期的策划走的
艺术是没有标准的，天马星空的思维
拍照是你去拍的，别人说话的成本是很低的，评价别人的照片是不成立的条件
不给我钱，我不听你建议
不要怕被说
审美提高
最好 ...</div></div></div><div class="recent-post-item"><div class="post_cover left"><a href="/my-gitee-blog/2022/04/01/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%911.%E6%91%84%E5%BD%B1%E8%BF%9B%E9%98%B6%E4%B8%8E%E8%87%AA%E6%88%91%E6%8F%90%E5%8D%87%E4%B9%8B%E8%B7%AF/" title="【摄影从零到一】摄影进阶与自我提升之路"><img class="post_bg" src="/my-gitee-blog/img/%E6%91%84%E5%BD%B1.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【摄影从零到一】摄影进阶与自我提升之路"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/04/01/%E3%80%90%E6%91%84%E5%BD%B1%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80%E3%80%911.%E6%91%84%E5%BD%B1%E8%BF%9B%E9%98%B6%E4%B8%8E%E8%87%AA%E6%88%91%E6%8F%90%E5%8D%87%E4%B9%8B%E8%B7%AF/" title="【摄影从零到一】摄影进阶与自我提升之路">【摄影从零到一】摄影进阶与自我提升之路</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-03-31T16:00:00.000Z" title="发表于 2022-04-01 00:00:00">2022-04-01</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E6%91%84%E5%BD%B1/">摄影</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%8A%80%E5%B7%A7/">技巧</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E5%AE%A1%E7%BE%8E/">审美</a><span class="article-meta-link">•</span><a class="article-meta__tags" href="/my-gitee-blog/tags/%E6%91%84%E5%BD%B1/">摄影</a></span></div><div class="content">
摄影源自美术设计
取景进行美术搭建
光影结构，摄影风格
摄影师的主观意图
审美影响成果的美感
如何成为摄影师，提升摄影水平的方法？摄影师是有策划的拍摄，对景物有美术设计，有思路，心中有美学想法，安排拍摄 ==&gt; 有剧本
有组织的拍摄，多了 ==&gt; 下意识行为 ==&gt; 发现心中的美学景物，普通人发现不了
决定性瞬间
[[6.刻意练习|刻意练习]]
好的心态，摄影和拍照区别开
摄影是艺术修养，潜移默化
画面内容，非常重要
会执行
摄影就是对景物的构建，实操的东西，审美执行
只看照片会眼高手低，要实战
量力而行，我能实现的目标
期望降到最低，剩下的就是惊喜，长期的练习
在不同的阶段，认知也不一样
趁热打铁，画面的核心动力来自于审美
你有什么条件就拍什么
记忆的选择
逐步提高，选择突破
</div></div></div><div class="recent-post-item"><div class="post_cover right"><a href="/my-gitee-blog/2022/01/24/%E3%80%90TypeScript%E3%80%91TS%E7%9A%84%E4%B8%80%E4%BA%9B%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E5%85%A5%E9%97%A8%E4%BB%A5%E5%8F%8A%E8%A1%A5%E5%85%85-%E5%AF%B9%E8%B1%A1(%E4%B8%8B)/" title="【TypeScript】TS的一些基础知识入门以及补充-对象(下)"><img class="post_bg" src="/my-gitee-blog/img/TS.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【TypeScript】TS的一些基础知识入门以及补充-对象(下)"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/01/24/%E3%80%90TypeScript%E3%80%91TS%E7%9A%84%E4%B8%80%E4%BA%9B%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E5%85%A5%E9%97%A8%E4%BB%A5%E5%8F%8A%E8%A1%A5%E5%85%85-%E5%AF%B9%E8%B1%A1(%E4%B8%8B)/" title="【TypeScript】TS的一些基础知识入门以及补充-对象(下)">【TypeScript】TS的一些基础知识入门以及补充-对象(下)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-01-23T16:00:00.000Z" title="发表于 2022-01-24 00:00:00">2022-01-24</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/">大前端</a><i class="fas fa-angle-right article-meta-link"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/TypeScript/">TypeScript</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/TypeScript/">TypeScript</a></span></div><div class="content">这是我写的最近学习的ts的心得
TS的一些基础知识入门以及补充-对象(下)接口对象是结构化的，简单来说就是对象有什么属性和方法
对象的类型注解就是建立一种契约，来约束对象的结构
在类型注解中，是有；进行分隔的，而不是逗号且分号可以省略
1234567891011121314151617181920// 可以这样进行赋值let person: &#123;    name: string;    age:number;  &#125; = &#123;     name:&quot;Vixcity&quot;,     age:18&#125;// 也可以这样进行赋值let person1: &#123;    name: string;    age:number;  &#125;    person1 = &#123;     name:&quot;Vixcity&quot;,     age:18&#125;

无参数无返回值的函数的类型注解为1234567891011let person1: &#123;    name: string;    age:number;    fu ...</div></div></div><div class="recent-post-item"><div class="post_cover left"><a href="/my-gitee-blog/2022/01/16/%E3%80%90TypeScript%E3%80%91TS%E7%9A%84%E4%B8%80%E4%BA%9B%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E5%85%A5%E9%97%A8-%E5%87%BD%E6%95%B0%E3%80%81%E5%AF%B9%E8%B1%A1/" title="【TypeScript】TS的一些基础知识入门-函数、对象（上）"><img class="post_bg" src="/my-gitee-blog/img/TS.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【TypeScript】TS的一些基础知识入门-函数、对象（上）"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/01/16/%E3%80%90TypeScript%E3%80%91TS%E7%9A%84%E4%B8%80%E4%BA%9B%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E5%85%A5%E9%97%A8-%E5%87%BD%E6%95%B0%E3%80%81%E5%AF%B9%E8%B1%A1/" title="【TypeScript】TS的一些基础知识入门-函数、对象（上）">【TypeScript】TS的一些基础知识入门-函数、对象（上）</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-01-15T16:00:00.000Z" title="发表于 2022-01-16 00:00:00">2022-01-16</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/">大前端</a><i class="fas fa-angle-right article-meta-link"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/TypeScript/">TypeScript</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/TypeScript/">TypeScript</a></span></div><div class="content">这是我写的最近学习的ts的心得
TS的一些基础知识入门 - 函数、对象（上）TypeScript函数函数很好理解，与JS并无太大区别，首先是参数，在对应的参数后面加上对应的类型即可
函数内的变量都需要往里面添加类型注解
举个例子:
123function getSumNumber(sum1:number,sum2:number) :number &#123;    return sum1 + sum2&#125;

其中里面的参数需要有对应的类型注解，但是我们可以看到，函数的小括号里面也有对应的类型注解，那么这是什么东西呢
这个其实是我们函数中的 return 出来的对应的类型的注解，非常简单
TypeScript对象 - 上对象里面呢，我们需要了解以下内容

对象概述对象是对生活中具体事物的抽象，由属性和方法组成对象就是一组属性和方法的集合，是无序的描述具体的相关事物
创建对象{} 就代表对象里面无数据，所以是空对象采用的是键值对的形式出现的键：key值：value多个键值对之间，使用英文的逗号来分割“,”
接口对象是结构化的，简单来说就是对象有什么属性和方法
对象的类型注解就是相当 ...</div></div></div><div class="recent-post-item"><div class="post_cover right"><a href="/my-gitee-blog/2022/01/09/%E3%80%90%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93%E3%80%912021%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93/" title="【年度总结】2021年度总结"><img class="post_bg" src="/my-gitee-blog/img/%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【年度总结】2021年度总结"></a></div><div class="recent-post-info"><a class="article-title" href="/my-gitee-blog/2022/01/09/%E3%80%90%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93%E3%80%912021%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93/" title="【年度总结】2021年度总结">【年度总结】2021年度总结</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time datetime="2022-01-08T16:00:00.000Z" title="发表于 2022-01-09 00:00:00">2022-01-09</time></span><span class="article-meta"><span class="article-meta-separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/my-gitee-blog/categories/%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93/">年度总结</a></span><span class="article-meta tags"><span class="article-meta-separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/my-gitee-blog/tags/%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93/">年度总结</a></span></div><div class="content">2021年度总结2022-01-09
生活今天是2022年的1月9号
没想到，2021，一转眼这么快就过去，时间流逝的飞快
在年初的时候，上家公司提前放假，大家都在为了春运而烦恼的时候，我们已经放假回到了家
去年是我在工作之后的第一年春节放假，家里人都打趣我，让我出红包钱
没想到，这么快，就该我出红包的钱了，每个月都是月光的我没有丝毫的准备，过完节只好尴尬的离场
后来天气渐暖，也渐渐缓和了我这颗心
在三四月份的时候，公司没什么业务，于是我就开始学习python，简单的学了一点
可以运行了一些demo
也在B站输出了一些我的读书分享
那一段时间最难熬，也是我的对象在陪我慢慢的走下去
五月中旬，生日临近，我买了台电脑当做给自己的生日礼物，就是现在敲代码写年终总结的这台
那段时间生活渐渐有点起色
到了九月多的时候，我用hexo搭建了我的个人博客，输出了我的第一篇文章【Hexo】Hexo 的一些基础命令
九月到十月底那段时间是我输出最高频的时间，一共输出了38篇文章
生活也在慢慢的好起来
九月底十月出头，因为生活在慢慢的好起来，房租也快到期了，我和她就搬家了
我们搬到了一个新开的公寓，里面的一 ...</div></div></div><nav id="pagination"><div class="pagination"><span class="page-number current">1</span><a class="page-number" href="/my-gitee-blog/page/2/#content-inner">2</a><span class="space">&hellip;</span><a class="page-number" href="/my-gitee-blog/page/4/#content-inner">4</a><a class="extend next" rel="next" href="/my-gitee-blog/page/2/#content-inner"><i class="fas fa-chevron-right fa-fw"></i></a></div></nav></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="is-center"><div class="avatar-img"><img src="/my-gitee-blog/img/avatar.png" onerror="this.onerror=null;this.src='/my-gitee-blog/img/friend_404.gif'" alt="avatar"/></div><div class="author-info__name">Vixcity</div><div class="author-info__description">今日事，今日毕</div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/my-gitee-blog/archives/"><div class="headline">文章</div><div class="length-num">55</div></a></div><div class="card-info-data-item is-center"><a href="/my-gitee-blog/tags/"><div class="headline">标签</div><div class="length-num">50</div></a></div><div class="card-info-data-item is-center"><a href="/my-gitee-blog/categories/"><div class="headline">分类</div><div class="length-num">18</div></a></div></div><a class="button--animated" id="card-info-btn" target="_blank" rel="noopener" href="https://github.com/Vixcity"><i class="fab fa-github"></i><span>我的Github</span></a><div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/Vixcity" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:2091283625@qq.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a></div></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn fa-shake"></i><span>公告</span></div><div class="announcement_content">这是Vixcity目前的小博客</div></div><div class="sticky_layout"><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/my-gitee-blog/2022/07/13/%E3%80%90NodeJS%E3%80%91NodeJS%20%E6%9C%8D%E5%8A%A1%E7%AB%AF%E8%AF%B7%E6%B1%82/" title="【NodeJS】NodeJS 服务端请求"><img src="/my-gitee-blog/img/NodeJs.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【NodeJS】NodeJS 服务端请求"/></a><div class="content"><a class="title" href="/my-gitee-blog/2022/07/13/%E3%80%90NodeJS%E3%80%91NodeJS%20%E6%9C%8D%E5%8A%A1%E7%AB%AF%E8%AF%B7%E6%B1%82/" title="【NodeJS】NodeJS 服务端请求">【NodeJS】NodeJS 服务端请求</a><time datetime="2022-07-12T16:00:00.000Z" title="发表于 2022-07-13 00:00:00">2022-07-13</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%201/" title="【Hexo】标签样式列表参考 - 1"><img src="/my-gitee-blog/img/hexo.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【Hexo】标签样式列表参考 - 1"/></a><div class="content"><a class="title" href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%201/" title="【Hexo】标签样式列表参考 - 1">【Hexo】标签样式列表参考 - 1</a><time datetime="2022-07-11T16:00:00.000Z" title="发表于 2022-07-12 00:00:00">2022-07-12</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%202/" title="【Hexo】标签样式列表参考 - 2"><img src="/my-gitee-blog/img/hexo.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【Hexo】标签样式列表参考 - 2"/></a><div class="content"><a class="title" href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%202/" title="【Hexo】标签样式列表参考 - 2">【Hexo】标签样式列表参考 - 2</a><time datetime="2022-07-11T16:00:00.000Z" title="发表于 2022-07-12 00:00:00">2022-07-12</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%203/" title="【Hexo】标签样式列表参考 - 3"><img src="/my-gitee-blog/img/hexo.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【Hexo】标签样式列表参考 - 3"/></a><div class="content"><a class="title" href="/my-gitee-blog/2022/07/12/%E3%80%90Hexo%E3%80%91%E6%A0%87%E7%AD%BE%E6%A0%B7%E5%BC%8F%E5%88%97%E8%A1%A8%E5%8F%82%E8%80%83%20-%203/" title="【Hexo】标签样式列表参考 - 3">【Hexo】标签样式列表参考 - 3</a><time datetime="2022-07-11T16:00:00.000Z" title="发表于 2022-07-12 00:00:00">2022-07-12</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/my-gitee-blog/2022/07/07/%E3%80%90NodeJS%E3%80%91NodeJS%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/" title="【NodeJS】NodeJS入门学习"><img src="/my-gitee-blog/img/NodeJs.jpg" onerror="this.onerror=null;this.src='/my-gitee-blog/img/404.jpg'" alt="【NodeJS】NodeJS入门学习"/></a><div class="content"><a class="title" href="/my-gitee-blog/2022/07/07/%E3%80%90NodeJS%E3%80%91NodeJS%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/" title="【NodeJS】NodeJS入门学习">【NodeJS】NodeJS入门学习</a><time datetime="2022-07-06T16:00:00.000Z" title="发表于 2022-07-07 00:00:00">2022-07-07</time></div></div></div></div><div class="card-widget card-mingpian"><div class="card-content"><div class="item-headline"><i class="fa fa-address-card" aria-hidden="true"></i><span>我的名片</span><iframe src="https://muselink.cc/Vixcity" frameborder="0" style="width:99%;height:800px;margin:0;"></iframe></div></div></div><div class="card-widget card-pixiv"><div class="card-content"><div class="item-headline"><i class="fa fa-image-o" aria-hidden="true"></i><span>Pixiv日榜</span><iframe src="https://cloud.mokeyjay.com/pixiv" frameborder="0" style="width:99%;height:380px;margin:0;"></iframe></div></div></div><div class="card-widget card-history"><div class="card-content"><div class="item-headline"><i class="fas fa-clock fa-spin"></i><span>那年今日</span></div><div id="history-baidu" style="height: 100px;overflow: hidden;"><div class="history_swiper-container" id="history-container" style="width: 100%;height: 100%;"><div class="swiper-wrapper" id="history_container_wrapper" style="height:20px"></div></div></div></div></div><div class="card-widget card-categories"><div class="item-headline">
            <i class="fas fa-folder-open"></i>
            <span>分类</span>
            <a class="card-more-btn" href="/my-gitee-blog/categories/" title="查看更多">
    <i class="fas fa-angle-right"></i></a>
            </div>
            <ul class="card-category-list" id="aside-cat-list">
            <li class="card-category-list-item "><a class="card-category-list-link" href="/my-gitee-blog/categories/VS-Code/"><span class="card-category-list-name">VS Code</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/my-gitee-blog/categories/git/"><span class="card-category-list-name">git</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/my-gitee-blog/categories/%E5%8D%9A%E5%AE%A2/"><span class="card-category-list-name">博客</span><span class="card-category-list-count">3</span></a><ul class="card-category-list child"><li class="card-category-list-item "><a class="card-category-list-link" href="/my-gitee-blog/categories/%E5%8D%9A%E5%AE%A2/Hexo/"><span class="card-category-list-name">Hexo</span><span class="card-category-list-count">3</span></a></li></ul></li><li class="card-category-list-item "><a class="card-category-list-link" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/"><span class="card-category-list-name">大前端</span><span class="card-category-list-count">40</span></a><ul class="card-category-list child"><li class="card-category-list-item "><a class="card-category-list-link" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/CSS/"><span class="card-category-list-name">CSS</span><span class="card-category-list-count">6</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/HTML/"><span class="card-category-list-name">HTML</span><span class="card-category-list-count">2</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/my-gitee-blog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/Http/"><span class="card-category-list-name">Http</span><span class="card-category-list-count">2</span></a></li></ul></li>
            </ul></div><div class="card-widget card-tags"><div class="item-headline"><i class="fas fa-tags"></i><span>标签</span></div><div class="card-tag-cloud"><a href="/my-gitee-blog/tags/CSS/" style="font-size: 1.26em; color: rgb(43, 85, 112)">CSS</a><a href="/my-gitee-blog/tags/%E9%87%8D%E6%9E%84/" style="font-size: 1.15em; color: rgb(146, 148, 48)">重构</a><a href="/my-gitee-blog/tags/%E6%8B%9F%E6%80%81/" style="font-size: 1.15em; color: rgb(127, 142, 119)">拟态</a><a href="/my-gitee-blog/tags/eomji/" style="font-size: 1.15em; color: rgb(17, 36, 81)">eomji</a><a href="/my-gitee-blog/tags/%E5%91%BD%E4%BB%A4%E8%A1%8C/" style="font-size: 1.19em; color: rgb(6, 87, 193)">命令行</a><a href="/my-gitee-blog/tags/HTML/" style="font-size: 1.19em; color: rgb(196, 32, 145)">HTML</a><a href="/my-gitee-blog/tags/Http/" style="font-size: 1.19em; color: rgb(42, 147, 169)">Http</a><a href="/my-gitee-blog/tags/Https/" style="font-size: 1.19em; color: rgb(165, 61, 52)">Https</a><a href="/my-gitee-blog/tags/%E5%8D%8F%E8%AE%AE/" style="font-size: 1.19em; color: rgb(49, 114, 64)">协议</a><a href="/my-gitee-blog/tags/%E8%87%AA%E5%8A%A8%E5%8C%96%E5%8F%91%E5%B8%83/" style="font-size: 1.15em; color: rgb(76, 57, 42)">自动化发布</a><a href="/my-gitee-blog/tags/hexo/" style="font-size: 1.15em; color: rgb(91, 102, 125)">hexo</a><a href="/my-gitee-blog/tags/%E7%BE%8E%E5%8C%96/" style="font-size: 1.22em; color: rgb(128, 142, 62)">美化</a><a href="/my-gitee-blog/tags/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/" style="font-size: 1.22em; color: rgb(124, 188, 55)">技术分享</a><a href="/my-gitee-blog/tags/%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5/" style="font-size: 1.41em; color: rgb(90, 140, 53)">代码片段</a><a href="/my-gitee-blog/tags/JS%E5%BA%93/" style="font-size: 1.19em; color: rgb(152, 38, 170)">JS库</a><a href="/my-gitee-blog/tags/JavaScript/" style="font-size: 1.45em; color: rgb(12, 54, 22)">JavaScript</a><a href="/my-gitee-blog/tags/ES6/" style="font-size: 1.15em; color: rgb(92, 17, 188)">ES6</a><a href="/my-gitee-blog/tags/%E6%97%B6%E9%97%B4%E6%97%A5%E6%9C%9F/" style="font-size: 1.15em; color: rgb(172, 36, 139)">时间日期</a><a href="/my-gitee-blog/tags/%E7%BB%A7%E6%89%BF/" style="font-size: 1.15em; color: rgb(28, 160, 107)">继承</a><a href="/my-gitee-blog/tags/Node/" style="font-size: 1.26em; color: rgb(184, 98, 18)">Node</a><a href="/my-gitee-blog/tags/http/" style="font-size: 1.15em; color: rgb(13, 160, 121)">http</a><a href="/my-gitee-blog/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8/" style="font-size: 1.15em; color: rgb(102, 23, 158)">服务器</a><a href="/my-gitee-blog/tags/TypeScript/" style="font-size: 1.22em; color: rgb(101, 75, 195)">TypeScript</a><a href="/my-gitee-blog/tags/%E4%B8%80%E8%A1%8C%E4%BB%A3%E7%A0%81/" style="font-size: 1.38em; color: rgb(84, 177, 196)">一行代码</a><a href="/my-gitee-blog/tags/DOM%E8%8A%82%E7%82%B9/" style="font-size: 1.15em; color: rgb(164, 155, 169)">DOM节点</a><a href="/my-gitee-blog/tags/%E5%87%BD%E6%95%B0/" style="font-size: 1.15em; color: rgb(181, 174, 37)">-函数</a><a href="/my-gitee-blog/tags/%E5%AD%97%E7%AC%A6%E4%B8%B2/" style="font-size: 1.15em; color: rgb(40, 147, 87)">字符串</a><a href="/my-gitee-blog/tags/%E5%AF%B9%E8%B1%A1/" style="font-size: 1.15em; color: rgb(147, 44, 104)">对象</a><a href="/my-gitee-blog/tags/%E6%97%A5%E6%9C%9F%E6%97%B6%E9%97%B4/" style="font-size: 1.15em; color: rgb(61, 109, 105)">日期时间</a><a href="/my-gitee-blog/tags/%E5%89%8D%E7%AB%AF%E6%8D%A2%E8%82%A4/" style="font-size: 1.15em; color: rgb(129, 37, 138)">前端换肤</a><a href="/my-gitee-blog/tags/VS-Code/" style="font-size: 1.15em; color: rgb(182, 44, 109)">VS Code</a><a href="/my-gitee-blog/tags/%E6%8F%92%E4%BB%B6/" style="font-size: 1.15em; color: rgb(185, 167, 74)">插件</a><a href="/my-gitee-blog/tags/%E6%8A%80%E5%B7%A7/" style="font-size: 1.34em; color: rgb(156, 121, 190)">技巧</a><a href="/my-gitee-blog/tags/%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93/" style="font-size: 1.15em; color: rgb(164, 197, 123)">年度总结</a><a href="/my-gitee-blog/tags/%E5%AE%A1%E7%BE%8E/" style="font-size: 1.3em; color: rgb(119, 147, 61)">审美</a><a href="/my-gitee-blog/tags/%E6%91%84%E5%BD%B1/" style="font-size: 1.3em; color: rgb(34, 96, 141)">摄影</a><a href="/my-gitee-blog/tags/Koa/" style="font-size: 1.19em; color: rgb(172, 178, 26)">Koa</a><a href="/my-gitee-blog/tags/%E6%BA%90%E7%A0%81/" style="font-size: 1.26em; color: rgb(149, 185, 16)">源码</a><a href="/my-gitee-blog/tags/CLI/" style="font-size: 1.15em; color: rgb(90, 47, 155)">CLI</a><a href="/my-gitee-blog/tags/Vue-devtools/" style="font-size: 1.15em; color: rgb(19, 146, 106)">Vue-devtools</a></div></div><div class="card-widget card-archives"><div class="item-headline"><i class="fas fa-archive"></i><span>归档</span></div><ul class="card-archive-list"><li class="card-archive-list-item"><a class="card-archive-list-link" href="/my-gitee-blog/archives/2022/07/"><span class="card-archive-list-date">七月 2022</span><span class="card-archive-list-count">5</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/my-gitee-blog/archives/2022/04/"><span class="card-archive-list-date">四月 2022</span><span class="card-archive-list-count">8</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/my-gitee-blog/archives/2022/01/"><span class="card-archive-list-date">一月 2022</span><span class="card-archive-list-count">4</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/my-gitee-blog/archives/2021/10/"><span class="card-archive-list-date">十月 2021</span><span class="card-archive-list-count">15</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/my-gitee-blog/archives/2021/09/"><span class="card-archive-list-date">九月 2021</span><span class="card-archive-list-count">23</span></a></li></ul></div><div class="card-widget card-webinfo"><div class="item-headline"><i class="fas fa-chart-line"></i><span>网站资讯</span></div><div class="webinfo"><div class="webinfo-item"><div class="item-name">文章数目 :</div><div class="item-count">55</div></div><div class="webinfo-item"><div class="item-name">已运行时间 :</div><div class="item-count" id="runtimeshow" data-publishDate="2021-09-06T16:00:00.000Z"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">本站总字数 :</div><div class="item-count">95.5k</div></div><div class="webinfo-item"><div class="item-name">本站访客数 :</div><div class="item-count" id="busuanzi_value_site_uv"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">本站总访问量 :</div><div class="item-count" id="busuanzi_value_site_pv"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">最后更新时间 :</div><div class="item-count" id="last-push-date" data-lastPushDate="2022-07-15T01:29:34.711Z"><i class="fa-solid fa-spinner fa-spin"></i></div></div></div></div></div></div></main><footer id="footer" style="background-image: url('/my-gitee-blog/img/%E5%A4%A7%E5%9C%B0%E7%90%83%E8%83%8C%E6%99%AF.jpg')"><div id="footer-wrap"><div class="copyright">&copy;2020 - 2022 By Vixcity</div><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div><div id="running-time"></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="translateLink" type="button" title="简繁转换">简</button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div id="local-search"><div class="search-dialog"><nav class="search-nav"><span class="search-dialog-title">搜索</span><span id="loading-status"></span><button class="search-close-button"><i class="fas fa-times"></i></button></nav><div class="is-center" id="loading-database"><i class="fas fa-spinner fa-pulse"></i><span>  数据库加载中</span></div><div class="search-wrap"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div><hr/><div id="local-search-results"></div></div></div><div id="search-mask"></div></div><div><script src="/my-gitee-blog/js/utils.js"></script><script src="/my-gitee-blog/js/main.js"></script><script src="/my-gitee-blog/js/tw_cn.js"></script><script src="/my-gitee-blog/js/search/local-search.js"></script><script>var preloader = {
  endLoading: () => {
    document.body.style.overflow = 'auto';
    document.getElementById('loading-box').classList.add("loaded")
  },
  initLoading: () => {
    document.body.style.overflow = '';
    document.getElementById('loading-box').classList.remove("loaded")

  }
}
window.addEventListener('load',preloader.endLoading())</script><div class="js-pjax"><script>function subtitleType () {
  getScript('https://sdk.jinrishici.com/v2/browser/jinrishici.js').then(() => {
    jinrishici.load(function (result) {
      if (true) {
        var sub = "今日事&#44;今日毕,Never put off till tomorrow what you can do today,黑发不知勤学早&#44;白首方悔读书迟,凡是可以用 JavaScript 来写的应用&#44;最终都会用 JavaScript 来写。——Atwood定律".length == 0 ? new Array() : "今日事&#44;今日毕,Never put off till tomorrow what you can do today,黑发不知勤学早&#44;白首方悔读书迟,凡是可以用 JavaScript 来写的应用&#44;最终都会用 JavaScript 来写。——Atwood定律".split(',')
        var content = result.data.content
        var both = sub.unshift(content)
        var typed = new Typed('#subtitle', {
          strings: sub,
          startDelay: 300,
          typeSpeed: 150,
          loop: true,
          backSpeed: 50,
        })
      } else {
        document.getElementById('subtitle').innerHTML = result.data.content
      }
    })
  })
}

if (true) {
  if (typeof Typed === 'function') {
    subtitleType()
  } else {
    getScript('https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js').then(subtitleType)
  }
} else {
  subtitleType()
}
</script></div><script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script src="/my-gitee-blog/js/newStyle.js"></script><script src="/my-gitee-blog/js/sakura.js"></script><script>setInterval(()=>{let create_time=Math.round(new Date("2021-9-8-00:00:00").getTime()/1000);let timestamp=Math.round((new Date().getTime()+8*60*60*1000)/1000);let second=timestamp-create_time;let time=new Array(0,0,0,0,0);if(second>=365*24*3600){time[0]=parseInt(second/(365*24*3600));second%=365*24*3600}if(second>=24*3600){time[1]=parseInt(second/(24*3600));second%=24*3600}if(second>=3600){time[2]=parseInt(second/3600);second%=3600}if(second>=60){time[3]=parseInt(second/60);second%=60}if(second>0){time[4]=second}currentTimeHtml='小博客已经安全运行 '+time[0]+' 年 '+time[1]+' 天 '+time[2]+' 时 '+time[3]+' 分 '+time[4]+' 秒';var elementById=document.getElementById('running-time');if(elementById){elementById.innerHTML=currentTimeHtml}},1000);</script><script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script><script src="https://cdn.jsdelivr.net/gh/Zfour/Butterfly-card-history/baiduhistory/js/main.js"></script><canvas class="fireworks" mobile="false"></canvas><script src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/fireworks.min.js"></script><script defer="defer" id="fluttering_ribbon" mobile="false" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-fluttering-ribbon.min.js"></script><script id="canvas_nest" defer="defer" color="0,0,255" opacity="0.7" zIndex="-1" count="99" mobile="false" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-nest.min.js"></script><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div><!-- hexo injector body_end start --><script data-pjax>function electric_clock_injector_config(){
                var parent_div_git = document.getElementsByClassName('sticky_layout')[0];
                var item_html = '<div class="card-widget card-clock"><div class="card-glass"><div class="card-background"><div class="card-content"><div id="hexo_electric_clock"><img id="card-clock-loading" src="https://cdn.jsdelivr.net/gh/Zfour/Butterfly-clock/clock/images/weather/loading.gif" style="height: 120px; width: 100%;" data-ll-status="loading" class="entered loading"></div></div></div></div></div>';
                console.log('已挂载electric_clock')
                // parent_div_git.innerHTML=item_html+parent_div_git.innerHTML // 无报错，但不影响使用(支持pjax跳转)
                parent_div_git.insertAdjacentHTML("afterbegin",item_html) // 有报错，但不影响使用(支持pjax跳转)
            }if( document.getElementsByClassName('sticky_layout')[0] && (location.pathname ==='all'|| 'all' ==='all')){

            electric_clock_injector_config()
        } </script><script src="https://pv.sohu.com/cityjson?ie=utf-8"></script><script data-pjax  src="https://cdn.jsdelivr.net/gh/Zfour/hexo-electric-clock@1.0.6/clock.js"></script><div class="js-pjax"><script async="async">var arr = document.getElementsByClassName('recent-post-item');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__zoomIn');
    arr[i].setAttribute('data-wow-duration', '1s');
    arr[i].setAttribute('data-wow-delay', '0.5s');
    arr[i].setAttribute('data-wow-offset', '100');
    arr[i].setAttribute('data-wow-iteration', '1');
  }</script><script async="async">var arr = document.getElementsByClassName('card-widget');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__zoomIn');
    arr[i].setAttribute('data-wow-duration', '');
    arr[i].setAttribute('data-wow-delay', '');
    arr[i].setAttribute('data-wow-offset', '');
    arr[i].setAttribute('data-wow-iteration', '');
  }</script></div><script defer src="https://unpkg.zhimg.com/hexo-butterfly-wowjs/lib/wow.min.js"></script><script defer src="https://unpkg.zhimg.com/hexo-butterfly-wowjs/lib/wow_init.js"></script><!-- hexo injector body_end end --><script src="/my-gitee-blog/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/","tagMode":false});</script></body></html>